<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=xian, initial-scale=1.0">
    <link rel="stylesheet" href="../css/black.css">
    <title>线索详情界面</title>
    <style>
        .head {
            padding: 15px;
            margin-bottom: 15px;

        }

        .tdhead {
            width: 120px;
        }

        .flex {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }
    </style>
</head>

<body>
    <!-- 整体 -->
    <div id="app">
        <!-- 头部三个按钮 -->
        <div class="head">
            <button class="btn btn-green">转为客户</button>
            <button class="btn btn-blue">编辑</button>
            <button class="btn btn-red">删除</button>
        </div>
        <!--线索基本信息 -->
        <div class="head">
            <h3>线索基本信息</h3>
            <table class="table">
                <tr>
                    <td class="tdhead">线索名称</td>
                    <td>xxx</td>
                    <td class="tdhead">负责人</td>
                    <td>xxx</td>
                </tr>
                <tr>
                    <td class="tdhead">线索来源</td>
                    <td>xxx</td>
                    <td class="tdhead">联系电话</td>
                    <td>xxx</td>
                </tr>
                <tr>
                    <td class="tdhead">联系地址</td>
                    <td>xxx</td>
                    <td class="tdhead">下次联系时间</td>
                    <td>xxx</td>
                </tr>

                <tr>
                    <td class="tdhead">备注</td>
                    <td colspan="3">xxx</td>

                </tr>

            </table>
        </div>
        <!-- 写跟进 -->
        <div class="head">
            <h3>写跟进</h3>
            <form action="">

                <div style="display: flex; justify-content: space-between;">

                    <div class="item" style="width: 40%;">
                        <label for="" class="item-left">跟进时间</label>
                        <div class="item-right">
                            <input type="date" class="control">
                        </div>
                    </div>

                    <div class="item" style="width: 40%;">
                        <label for="" class="item-left">跟进方式</label>
                        <div class="item-right">
                            <select class="control">
                                <option value="">电话</option>
                                <option value="">xxx</option>
                            </select>
                        </div>
                    </div>

                </div>




                <div class="item">
                    <div class="item-left">
                        <label for="">跟进内容</label>
                    </div>
                    <div class="item-right">
                        <textarea class="control"></textarea>
                    </div>
                </div>

                <div class="item">
                    <label for="" class="item-left">下次联系时间</label>
                    <div class="item-right">
                        <input type="date" class="control">
                    </div>
                </div>
                <div class="item">
                    <label for="" class="item-left"></label>
                    <div class="item-right">
                        <button class="btn btn-blue">提交</button>
                    </div>
                </div>
            </form>
        </div>
        <!-- 跟进记录 -->
        <div class="head">
            <h3>跟进记录</h3>
            <table class="table">
                <thead>
                    <tr>
                        <th>跟进时间</th>
                        <th>跟进方式</th>
                        <th>跟进记录</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>xxx</td>
                        <td>xxx</td>
                        <td>xxx</td>
                    </tr>
                    <tr>
                        <td>xxx</td>
                        <td>xxx</td>
                        <td>xxx</td>
                    </tr>
                    <tr>
                        <td>xxx</td>
                        <td>xxx</td>
                        <td>xxx</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>

</html>